$(function(){
    $("img").next().css("color","block")
    $("#submit").click(function(){
        var name=$("input[id='name']").val();
        console.log(name);
        var su=$("textarea[id='su']").val();
        console.log(su);
        if(name=="" || su=="")
        {
            alert("请输入内容");
        }
        else
        {
            $msg="<li><img src='img/timg.png'><span>"+name+"</span><p><span>"+su+"</span><span ><button name='btn'>删除</button></span></p></li>";
        $(".content ul").append($msg);

        $("button[name=btn]").each(function(){
            $(this).click(function(){
                
                $(this).parent().parent().parent().remove();
            })
        })
        }
        
    });
    $("button[name=btn]").each(function(){
        $(this).click(function(){
            
            $(this).parent().parent().parent().remove();
        })
    })
    $("#su").val("");
    var txt=$("#su").val();
    var counter=txt.length;
    $(".txt").html(30-counter);
    $("#su").keyup(function(){
        var txt=$("#su").val();
         var counter=txt.length;
         if(counter>=31)
         {
             $("#su").prop("disabled",true)
         }
         else
         {
            $(".txt").html(30-counter);
         }
    
    });
 //移动到图片显示
    $(".nav_li2").eq(1).hover(function(){
    $(".prompt").toggle()
    })

  });